<template>
  <div class="history">
    <van-sticky>
      <van-nav-bar title="阅读历史"  left-arrow>
          <template #left>
          <van-icon name="arrow-left" color="#ccc" @click="onClickLeft" size="18"/>
        </template>
        <template #right>
            <div @click="onClickRight">
                清空
            </div>
          
        </template>
      </van-nav-bar>
    </van-sticky>
  </div>
</template>

<script>
import { Toast } from "vant";

export default {
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    onClickRight() {
      Toast("按钮");
    },
  },
};
</script>

<style lang="less" scoped>
</style>